import logo from './logo.svg';
import './App.css';
import ProductList from './components/ProductList'
// import TimersDashboard from './components/TimersDashboard'
import TimersDashboard from './components/TimerTrack'
// import CreateReactClassApp from './components/CreateReactClassApp';
import ComponentsApp from './components/ComponentsApp';
import ReactFrom from './components/ReactFrom';
import Menu from './components/Menu';
import MyApp from './redux/MyApp';
import MyMessage from './redux/MyMessage';

function App() {
  return (
    <div className="App">
      <header className="App-header">
          <MyMessage></MyMessage>
          <MyApp></MyApp>
          <Menu/>
          <ReactFrom></ReactFrom>
          <ComponentsApp name="lily" age="22" likes="['cat','dog']" school="{grade:'6'}"></ComponentsApp>


          <TimersDashboard></TimersDashboard>
        <ProductList></ProductList>
        <img src={logo} className="App-logo" alt="logo" />
      </header>
    </div>
  );
}

export default App;
